<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

html,body,.startpage {
	height: 100%;
}

.startpage {
	display: table;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.startpage>div {
	display: table-row;
}

#topb,#footer {
	background: #242c37;
	height: 42px;
}

#mid_block {
	
}

#mid_block .mid {
	display: table-cell;
	vertical-align: middle;
}

#text {
	width: 80%;
	margin: 0 auto;
}
</style>
<!--[if IE]>  
<style type="text/css">  
#topb,  
#footer {  
width:100%;  
z-index:3;  
position:absolute;  
}  
#footer {  
bottom:0;  
}  
#mid_block {  
height:100%;  
z-index:1;  
position:relative;  
}  
#mid_block .mid {  
position:absolute;  
top:50%;  
width:100%;  
text-align:left;  
}   
</style>  
<![endif]-->
<link href="css/style.css" rel="stylesheet" />
<link href="css/style6.css" rel="stylesheet" />
<link href="css/blue.css" rel="stylesheet" />
<link href="css/grey.css" rel="stylesheet" />
<link href="css/media.css" rel="stylesheet" />
<!-- <script type="text/javascript" src="js/upload_v3.js"></script> -->
<script type="text/javascript" src="js/jquery-1.10.2.min_v3.js"></script>
 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/mask.js"></script>
<script type="text/javascript"></script>
</head>
<body>


	<div class="startpage">
		<!--BEGIN HEADER-->
		<div id="topb">
			<h1>
				PDF<span>2</span>PDF
			</h1>
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
		</div>
		<!--END HEADER-->

		<!--BEGIN MAIN-->
		<div id="mid_block">
			<div class="mid">
				<div id="text">
					<div style="width: 800px; margin: 0 auto;">
						<a style="text-decoration: none;" class="a-btn left"
							href="javascript:selectFile();"> <span></span> <span>文档名称.pdf</span>
							<span>Select another file</span>
						</a>
						<form method="post" id="formwithAjax"
							enctype="multipart/form-data"
							action="https://www.metascan-online.com/upload">
							<div id="slct-w">
								<input type="file" name="file[]" id="slct-a"">
							</div>
						</form>
						<img src="image/arrow1.png" width="42" height="38" class="left" />
						<a style="text-decoration: none;" class="a-btn_blue left"
							id="open_1"> <span></span> <span>Translate to</span> <span>Translate
								to</span>
						</a>
						<!-- 遮罩层 begin -->
						<div id="mask">
							<h4>Afrikaans</h4>
							<h4>Afrikaans</h4>
							<h4>Afrikaans</h4>
							<h4>Afrikaans</h4>
							<h4>Afrikaans</h4>
							<h4>Afrikaans</h4>
							<a href="#" id="close_1">close</a>
						</div>
						<script type="text/javascript"> 
BtPopShow("open_1","mask"); 
BtPopHide("close_1","mask") 
</script>
						<!-- 遮罩层 end -->

						<img src="image/arrow2.png" width="42" height="38" class="left" />
						<a style="text-decoration: none;" class="a-btn_grey left"> <span></span>
							<span>Start</span> <span></span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--END MAIN-->

		<!--BEGIN FOOTER-->
		<div id="footer">
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
			<div class="left" style="margin-left: 30px; margin-top: 10px">
				<a href="http://www.foxitcloud.com/page.html?tab=policy">
					Privacy Policy</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> Terms of
					use</a> | <a href="http://www.foxitcloud.com/page.html?tab=policy">
					Third Party</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> About
					Foxit</a>
			</div>
			<div class="right" style="margin-right: 30px; margin-top: 10px">©2013-2014
				Foxit Software Inc . All rights reserved.</div>
		</div>
		<!--END FOOTER-->
	</div>
</body>
</html>